<template>
    <div class="box">
        <div class="top">
            <div></div>
            <div class="center"><p>购物车(3)</p></div>
            <div class="right">
                <img src="../img/首页1.png" alt="">
                <img src="../img/购物车用户.webp" alt="">
            </div>
        </div>
    </div>
</template>
<script setup lang='ts'>
</script>
<style scoped>
.box{
    font-size: 0.12rem;
   
}
.top{
    width: 100%;
    height: 0.45rem;
    font-size: 0.18rem;
    background-color: #ffffff;
    color: #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.center{
    margin-left: 0.6rem;
}
.top img{
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.2rem;
}
</style>